<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>校园管理系统布局 - Layui</title>
  <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
  <link rel="stylesheet" th:href="@{/layer/mobile/need/layer.css}">
  <style>
    .layui-table-view .layui-form-checkbox[lay-skin=primary] i {
      margin-top:8px;
    }
  </style>
</head>
<body>
<div>
      <input id="gradeId" hidden th:attr="value=${grade.gradeId}">
      <input id="gradeName" hidden th:attr="value=${grade.gradeName}">
</div>



  <div class="layui-body">


      <table class="layui-hide" id="demo" lay-filter="test"></table>

      <script type="text/html" id="barDemo">
        <!--    弹窗查询到全部学生后的添加按钮-->
        <a class="layui-btn layui-btn-xs" lay-event="more">添加 </a>

      </script>

    </div>

<!--    <div class="layui-footer">-->
<!--      &lt;!&ndash; 底部固定区域 &ndash;&gt;-->
<!--      底部固定区域-->
<!--    </div>-->
  </div>






  <!--    修改界面-->
  <div id="updatePage" style="display: none">
    <div class="layui-form-item">
      <label class="layui-form-label">姓名：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="updStuName" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">手机号：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="updMobile" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">生日：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="updBirthday" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">性别：</label>
      <select name="sex" id="updSex" lay-verify="required" lay-search="" class="layui-select" >
        <option value=''>--请选择--</option>
        <option value='F'>男</option>
        <option value='M'>女</option>
      </select>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">证件类型：</label>
      <select name="idType" id="updIdType" lay-verify="required" lay-search="" class="layui-select">
        <option value=''>--请选择--</option>
        <option value='1'>身份证</option>
        <option value='2'>香港身份证</option>
        <option value='3'>澳门身份证</option>
      </select>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">证件号码：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="updIdNum" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 300px" >
      </div>
    </div>

    <div>
      <label class="layui-form-label">籍贯：</label>
      <div style="display: inline">
        <select name="province" class="layui-select">
          <option value="">请选择省</option>
        </select>
      </div>
      <span>——</span>
      <div style="display: inline">
        <select name="city" class="layui-select" >
          <option value="">请选择市</option>
        </select>
      </div>
      <span>——</span>
      <div style="display: inline">
        <select name="area" class="layui-select">
          <option value="">请选择县/区/市</option>
        </select>
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">详细信息：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="updDetailAddr" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 300px" >
      </div>
    </div>

    <button class="layui-btn" id="updateStu" style="margin-left: 110px;">确认修改</button>
  </div>


  <!--    添加界面-->
  <div id="insertPage" style="display: none">
    <div class="layui-form-item">
      <label class="layui-form-label">学号：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="istStuNum" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">姓名：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="istStuName" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">手机号：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="istMobile" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 200px" >
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">性别：</label>
      <select name="sex" id="istSex" lay-verify="required" lay-search="" class="layui-select" >
        <option value=''>请选择</option>
        <option value='F'>男</option>
        <option value='M'>女</option>
      </select>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">证件类型：</label>
      <select name="idType" id="istIdType" lay-verify="required" lay-search="" class="layui-select">
        <option value=''>请选择</option>
        <option value='1'>身份证</option>
        <option value='2'>香港身份证</option>
        <option value='3'>澳门身份证</option>

      </select>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">证件号码：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="istIdNum" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 300px" >
      </div>
    </div>

    <div class="layui-inline">
      <label class="layui-form-label">出生日期：</label>
      <div class="layui-input-inline">
        <input type="text" name="date" id="istBirthday" lay-verify="date" placeholder="年-月-日" autocomplete="off" class="layui-input" style="margin-bottom: 15px;width: 300px" >
      </div>
    </div>

    <div>
      <label class="layui-form-label">籍贯：</label>
      <div style="display: inline">

        <select name="istProvince" class="layui-select">
          <option value="">请选择省</option>
        </select>
      </div>
      <span>——</span>
      <div style="display: inline">
        <select name="istCity" class="layui-select" >
          <option value="">请选择市</option>
        </select>
      </div>
      <span>——</span>
      <div style="display: inline">
        <select name="istArea" class="layui-select">
          <option value="">请选择县/区/市</option>
        </select>
      </div>
    </div>

    <div class="layui-form-item">
      <label class="layui-form-label">详细信息：</label>
      <div class="layui-input-block">
        <input type="text" name="title" id="istDetailAddr" lay-verify="title" autocomplete="off" value="" class="layui-input" style="margin-top: 15px;width: 300px" >
      </div>
    </div>

    <button class="layui-btn" id="insertStu" style="margin-left: 110px;">确认添加</button>

  </div>


  <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
  <script type="text/javascript" th:src="@{/js/dateTime.js}"></script>

  <script type="text/javascript" th:src="@{/js/jquery-1.8.3.min.js}"></script>
  <script type="text/javascript" th:src="@{/layer/layer.js}"></script>
  <script type="text/javascript" th:src="@{/js/phoenix/addGradeStudent.js}"></script>
  <script type="text/javascript">
    //显示实时时间
    $(function () {
      showDay();
      setInterval('showTime()');
    })
  </script>

</body>
</html>